/** * User defined IPO styles. */ /*** Default IPO styles *******************************************************/ html, body { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 0; padding: 0; text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; background-color: transparent; background-image: none; } .top { padding: 5px 20px 0 20px; font-size: 2.6em; font-weight:bold; font-style: italic; display: block; text-decoration: none; min-height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000000; } .hiddenMenu { position:absolute; left:-1000px; top:auto; width:1px; height:1px; overflow:hidden; } .linkback, .linknext, .linkprev { font-size: 1.25em; display: inline-block; } .linknext, .linkprev { width: 33%; min-height: 1em; margin: 0 2%; } .linknext { float: right; text-align: right; } .linkprev { float: left; text-align: left; } .linkback { width: 26%; float: left; } .linknext a, .linkprev a, .linkback a { text-decoration: none; display: inline-block; } .linknext a:hover .linknext-chevron { right: -10px; } .linkprev a:hover .linkprev-chevron { left: -10px; } .linkback a:hover .linkback-chevron .fa-undo { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .linknext-title, .linkprev-title, .linknext-text, .linkprev-text, .linkback-text { display: inline-block; } .linknext-chevron, .linknext-title, .linknext-text, .linkback-text { float: right; } .linkback-chevron, .linkprev-chevron, .linkprev-text, .linkprev-title { float: left; } .linknext-text span:first-child, .linkprev-text span:first-child, .linkback-text span { text-decoration: underline; } .linknext a:hover > .linknext-text span:first-child, .linkprev a:hover > .linkprev-text span:first-child, .linkback:hover .linkback-text span { text-decoration: none; } .linknext > a > span:first-child { margin-left: 10px; } .linkprev > a > span:first-child { margin-right: 10px; } .linknext-chevron, .linkprev-chevron { font-size: 1.9em; display: inline-block; position: relative; line-height: 0.75em; } .linkback-chevron { display: inline-block; position: relative; } .linkprev-chevron .fa-angle-left, .linknext-chevron .fa-angle-right{ font-size: 1.1em; line-height: 1em; } .linknext-date { font-size: 0.65em; float: right; clear: right; } .linkprev-date { font-size: 0.65em; float: left; clear: left; } .linkback, .linkprev-title, .linknext-title { line-height: 1.2em; } .linkback .fa-undo { font-size: 1em; margin-left: -1.14em; transition: all 0.07s ease 0s; color: #000000; } .linkback a { vertical-align: top; } a.nolink { text-decoration: underline; cursor: default; } color: #000000; } #ipopage .blog .content-paginator { margin: 3em auto; } .copyright { padding: 0 15px; font-size: 0.75em; font-weight: normal; } #ipoheader a { text-decoration: none; } .iporighttext a:hover, .ipolefttext a:hover { text-decoration: none; } iframe { border: none; } a { word-wrap: break-word; -ms-hyphens: auto; hyphens: auto; } :focus { outline: 0; } body.using-keyboard :focus { outline: 2px solid currentColor; } /*** Mess ***/ .button { background-color: #ffffff; border: 1px solid #dddddd; width: 100px; font-weight: bold; color: #399fde; } .button2 { background-color: #ffffff; border: 1px solid #dddddd; font-weight: bold; color: #399fde; } .button3 { background-color: #ffffff; border: 1px solid #dddddd; color: #399fde; font-size: 0.75em; font-weight: normal; } .item { color: #000000; background-color: #EEEEEE; } .tabtitle { color: #FFFFFF; background-color: #979797; font-weight: bold; } .tabtitleno { color: #FFFFFF; background-color: #979797; font-weight: bold; } .itemhand, .itemhand:link { color: #000000; background-color: #EEEEEE; text-decoration: none; cursor: pointer; } .itemhand td:hover, .itemhand:hover { color: #000000; background-color: #DCDCDC; text-decoration: none; cursor: pointer; } .itemhand td textarea:hover { cursor: pointer; background-color: #DCDCDC; } .itemvalue { color: #000000; background-color: #FFCFCF; } .hidden { display: none !important; } .noprint { display: block; } .printonly { display: none; } .component-container table { width: 100%; border: 0; } .spacer5 { height: 5px; } /*** Layout *******************************************************************/ #ipocontainer, #ipomain, #ipomainframe, #ipotopmenuwrapper, #ipofooter { width: 1024px; } #ipocontainer { position: relative; color: #000000; margin: 0 auto; padding: 0; text-align: left; background-color: transparent; } #ipoheader img, #ipoheader object, #ipofooter img { vertical-align: top; } #ipoheader { width: 100%; min-height: 50px; color: #000000; background-color: transparent; position: relative; } #ipomain { position: relative; background-color: transparent; background-image: none; } #ipoleftblock, #ipopage, #iporightblock { display: inline; } #ipopage { width: 1024px; margin-left: 0px; float: left; padding: 0; color: #000000; overflow: visible; position: relative; } #ipopage, #iporightblock, #ipoleftblock, .ipopagetext { min-height: 500px; } #iporightblock { width: 0px; float: left; padding: 0; } #ipoleftblock { width: 0px; margin-left: -1024px; float: left; padding: 0; } #ipoleftblockin { width: 0px; margin: 20px 0; padding: 0; } .ipopagetext { padding: 5px 0px 10px 0px; } /*** #iponavigation ***/ #iponavigation p { padding: 5px 0px 0px 0px; margin: 0px; } #iponavigation a { color: #000000; } #iponavigation a:visited { color: #000000; } #iponavigation a:hover { color: #000000; text-decoration: none; } /*** #ipocopyright & #ipofooter ***/ #ipocopyright { padding: 10px 0px 10px 0px; color: #000000; font-weight: normal; text-align: center; clear: both; } #ipocopyright a { color: #000000; text-decoration: underline; } #ipocopyright a:hover { color: #000000; text-decoration: none; } #ipofooter { clear: both; min-height: 10px; background-color: transparent; color: #000000; } /*** #ipomenu ***/ #ipomenu { margin: 0px 0px 20px 0px; } #ipomenu ul, #ipomenu ul li { width: 0px; } #ipomenu ul { margin: 0; padding: 0; list-style-type: none; float: left; background-color: transparent; background-image: none; } #ipomenu li { margin: 0; padding: 0; display: block; float: left; position: relative; } #ipomenu a { text-align: left; font-weight: bold; float: none; display: block; color: #FFFFFF; } #ipomenu li ul { visibility: hidden; position: absolute; z-index: 10; } #ipomenu li ul li { display: block; float: none; position: relative; } #ipomenu li ul li:hover { position: relative; } /* simulate child selector for IE */ #ipomenu li:hover ul, #ipomenu li:hover li:hover ul, #ipomenu li:hover li:hover li:hover ul, #ipomenu li:hover li:hover li:hover li:hover ul, #ipomenu li:hover li:hover li:hover li:hover li:hover ul { visibility: visible; } #ipomenu li:hover li ul, #ipomenu li:hover li:hover li ul, #ipomenu li:hover li:hover li:hover li ul, #ipomenu li:hover li:hover li:hover li:hover li ul, #ipomenu li:hover li:hover li:hover li:hover li:hover li ul { visibility: hidden; } #ipomenu ul li { margin: 0 0 1px 0; padding: 0; } #ipomenu ul li a { padding: 5px 5px; margin: 0; text-decoration: none; display: block; height: 100%; color: #FFFFFF; background-color: transparent; background-image: none; } #ipomenu ul li a:hover { color: #399fde; background-color: transparent; background-image: none; } #ipomenu ul li a.nolink:hover { cursor: text; color: #FFFFFF; background-color: transparent; } #ipomenu ul li.submenu1 ul { width: 182px; left: 0px; margin: 0; padding: 0; top: 0; background-color: #dddddd; background-image: none; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } #ipomenu ul li.submenu1 ul li { width: 180px; display: block; padding: 0; margin: 0 0 1px 0; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; float: left; } #ipomenu ul li.submenu1 ul li a { padding: 5px 5px; display: block; margin: 0px; color: #FFFFFF; background-color: #ffffff; font-weight: bold; text-align: left; background-image: none; } #ipomenu ul li.submenu1 ul li a:hover { color: #399fde; background-color: #ffffff; background-image: none; } #ipomenu ul li.submenu1 ul li a.nolink:hover { cursor: text; color: #FFFFFF; background-color: #ffffff; } #ipomenu ul li.submenu2 ul, #ipomenu ul li.submenu3 ul, #ipomenu ul li.submenu4 ul, #ipomenu ul li.submenu5 ul { width: 180px; left: 180px; margin: 0; padding: 0; top: 0; background-color: #dddddd; } /*** #ipotopmenu ***/ #ipotopmenuwrapper { padding: 0; margin: 0; background-color: transparent; background-image: none; } #ipotopmenu { padding: 0; margin: 0; } #ipotopmenu a { text-decoration: none; color: #FFFFFF; display: block; text-align: left; } #ipotopmenu ul, #ipotopmenu li { list-style-type: none; margin: 0; padding: 0; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1, #ipotopmenu ul.topmenulevel1 li.noborder { height: 23px !important; line-height: 23px; float: left; position: relative; font-weight: bold; border-left: 1px solid #dddddd; z-index: 99; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1 a, #ipotopmenu ul.topmenulevel1 li.noborder a { padding: 0 5px; background-color: transparent; background-image: none; } #ipotopmenu ul.topmenulevel1 li.noborder { border: none; } #ipotopmenu ul.topmenulevel2, #ipotopmenu ul.topmenulevel3, #ipotopmenu ul.topmenulevel4, #ipotopmenu ul.topmenulevel5, #ipotopmenu ul.topmenulevel6 { top: 23px; width: 180px; padding: 0 5px; position: absolute; line-height: 100%; left: -1px; background: #dddddd; visibility: hidden; border: 1px solid #dddddd; border-top: none; z-index: 100; } #ipotopmenu ul.topmenulevel3, #ipotopmenu ul.topmenulevel4, #ipotopmenu ul.topmenulevel5, #ipotopmenu ul.topmenulevel6 { left: 190px; top: -1px; } #ipotopmenu ul.topmenulevel2 li.topmenuitem2, #ipotopmenu ul.topmenulevel3 li.topmenuitem3, #ipotopmenu ul.topmenulevel4 li.topmenuitem4, #ipotopmenu ul.topmenulevel5 li.topmenuitem5, #ipotopmenu ul.topmenulevel6 li.topmenuitem6 { margin: 1px -5px 0 -5px; font-weight: bold; text-align: left; padding: 0; background-color: #ffffff; line-height: 1.2em; position: relative; } #ipotopmenu ul.topmenulevel2 li.topmenuitem2 a, #ipotopmenu ul.topmenulevel3 li.topmenuitem3 a, #ipotopmenu ul.topmenulevel4 li.topmenuitem4 a, #ipotopmenu ul.topmenulevel5 li.topmenuitem5 a, #ipotopmenu ul.topmenulevel6 li.topmenuitem6 a { font-weight: bold; text-align: left; padding: 4px 2px 4px 5px; line-height: 1.2em; height: 100%; background-image: none; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1 a:hover { color: #399fde; background-color: transparent; background-image: none; } #ipotopmenu ul.topmenulevel2 li.topmenuitem2 a:hover, #ipotopmenu ul.topmenulevel3 li.topmenuitem3 a:hover, #ipotopmenu ul.topmenulevel4 li.topmenuitem4 a:hover, #ipotopmenu ul.topmenulevel5 li.topmenuitem5 a:hover, #ipotopmenu ul.topmenulevel6 li.topmenuitem6 a:hover { color: #399fde; background-color: #ffffff; background-image: none; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1 a.nolink:hover, #ipotopmenu ul.topmenulevel2 li.topmenuitem2 a.nolink:hover, #ipotopmenu ul.topmenulevel3 li.topmenuitem3 a.nolink:hover, #ipotopmenu ul.topmenulevel4 li.topmenuitem4 a.nolink:hover, #ipotopmenu ul.topmenulevel5 li.topmenuitem5 a.nolink:hover, #ipotopmenu ul.topmenulevel6 li.topmenuitem6 a.nolink:hover { cursor: text; color: #FFFFFF; background-color: #ffffff; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1:hover ul.topmenulevel2, #ipotopmenu ul.topmenulevel2 li.topmenuitem2:hover ul.topmenulevel3, #ipotopmenu ul.topmenulevel3 li.topmenuitem3:hover ul.topmenulevel4, #ipotopmenu ul.topmenulevel4 li.topmenuitem4:hover ul.topmenulevel5, #ipotopmenu ul.topmenulevel5 li.topmenuitem5:hover ul.topmenulevel6 { visibility: visible; } /*** .newsheader & .newsbody ***/ .newsheader { padding: 5px 5px; color: #FFFFFF; background-color: transparent; background-image: none; font-weight: bold; margin-bottom: 0.3em; } .newsheaderref { color: #FFFFFF; font-weight: bold; } .newsbody { padding: 2px 5px; color: #000000; font-weight: normal; overflow: hidden; } .newsbodyrefu { color: #000000; font-weight: normal; } .newsbodyrefu:link { color: #000000; } .newsbodyrefu:active { color: #000000; text-decoration: underline; } .newsbodyrefu:hover { color: #000000; text-decoration: underline; } .newsbodyrefu:visited { color: #000000; } .newsbody a { color: #000000; } /*** column messages **********************************************************/ .column-message { padding: 2px 5px; } .column-message .newsheader { margin-left: -5px; margin-right: -5px; } .column-message a { color: #000000; } .ui-autocomplete.ui-menu { text-align: left; } /*** Default text properties **************************************************/ .ipolefttext, .iporighttext { color: #000000; } .ipopagetext a { color: #000000; } .ipopagetext a:visited { color: #000000; } .ipopagetext a:hover { color: #000000; text-decoration: none; } .styleH3, .styH3, h1 { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 1.6em; font-weight: normal; color: #003166; } .styleH4, .styH4, h2{ font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 1.35em; font-weight: bold; color: #ff5f09; } .styleH5, .styH5, h3 { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #000000; } .ipopagetext h1 a, .ipopagetext h1 a:hover, .ipopagetext h1 a:visited, .ipopagetext h2 a, .ipopagetext h2 a:hover, .ipopagetext h2 a:visited, .ipopagetext h3 a, .ipopagetext h3 a:hover, .ipopagetext h3 a:visited { font: inherit; color: inherit; } .ipopagetext h1 a.tooltip { font-size: 1em; } .huge-text { font-size: 1.8em; } .bigger-text { font-size: 1.4em; } .normal-text { font-size: 1em; } .smaller-text { font-size: 0.9em; } .small-text { font-size: 0.8em; } /*** Table default properties *************************************************/ #ipopage th { text-align: center; } table.border, table.border td, table.border th { border: 1px solid #000000; border-collapse: collapse; } .text th, .paragraph th, .tender th { background-color: #ddd; color: black; } .ipopagetext table p:first-child { margin: 0 auto; } .ipopagetext table p:last-child { margin-bottom: 0; } .ipopagetext td, .ipopagetext th { padding: 0.2em; vertical-align: top; } table.evenWidth td { width: 10%; } /*** Image default properties *************************************************/ img { border: none; } .imageframe { border: 1px solid #FFFFFF; } .leftFloat { float: left; margin-right: 1em; } .rightFloat { float: right; margin-left: 1em; } /*** Cleaners *****************************************************************/ #ipomain #ipomainframe #ipopage .ipopagetext .matrix li.cleaner { clear: both; width: 100%; margin: -1px 0 0 0; padding: 0; height: 1px; min-height: 1px; border: none; visibility: hidden; } .matrix li.cleaner { display: block; } hr.cleaner { clear: both; margin: -1px 0 0 0; padding: 0; height: 1px; border: none; visibility: hidden; } .clearfix:after { display: block; visibility: hidden; font-size: 0; content: " "; height: 0; clear: both; } .clear { clear: both; } .hrclear { margin: 0; padding: 0; clear: both; height: 1px; font-size: 1px; line-height: 1px; visibility: hidden; } hr { height: 0; border-color: #555; border-style: solid none none; border-width: 1px 0 0; margin: 1rem 0; } .cleartop { margin: 0; padding: 0; clear: both; visibility: hidden; } /*** Action Buttons ***********************************************************/ .action-button, .action-button:visited { padding: 0.3em 1em; text-decoration: none; font-size: 1.1em; font-weight: normal; border-radius: 4px; color: #ffffff; border: 1px solid #ffffff; background-color: #ff5f09; ; } .action-button:hover { color: #ffffff; border: 1px solid #ffffff; background-color: #292929; ; cursor: pointer; } .action-button:active { background-image: none; filter: none; } a.action-button, a.action-button:visited { color: #ffffff; } a.action-button:hover { color: #ffffff; } .action-button:disabled { cursor: not-allowed; opacity: 0.5; } /*** Content Paginator ********************************************************/ #ipopage .content-paginator { margin: 1.5em auto; white-space: nowrap; max-width: 100%; text-align: center; } #ipopage .content-paginator .content-paginator-wrapper { display: inline-block; width: auto; max-width: 100%; } #ipopage .content-paginator .paginator-step, #ipopage .content-paginator .paginator-separator, #ipopage .content-paginator .paginator-current, #ipopage .content-paginator .paginator-button { font-weight: normal; position: relative; float: left; padding: 0.5em 0.7em; margin-left: -1px; font-size: 1em; text-decoration: none; color: #000000; border: 1px solid #ff5f09; } #ipopage .content-paginator .paginator-step, #ipopage .content-paginator .paginator-separator, #ipopage .content-paginator .paginator-current { -webkit-box-sizing: border-box; -mz-box-sizing: border-box; box-sizing: border-box; width: 30px; padding: 0.5em 0; text-align: center; } #ipopage .content-paginator .paginator-step:hover { background-color: #292929; color: #ffffff; } #ipopage .content-paginator .paginator-current { background-color: #ff5f09; ; color: #ffffff; font-weight: bold; } #ipopage .content-paginator .paginator-button { max-width: 100px; padding: 0.5em; } #ipopage .content-paginator .paginator-prev .paginator-button-icon { margin-right: 0.2em; } #ipopage .content-paginator .paginator-next .paginator-button-icon { margin-left: 0.2em; } #ipopage .content-paginator .paginator-button:hover, #ipopage .content-paginator .paginator-step:hover { color: #ffffff; background-color: #292929; ; cursor: pointer; } #ipopage .content-paginator .paginator-prev { border-radius: 4px 0 0 4px; } #ipopage .content-paginator .paginator-next { border-radius: 0 4px 4px 0; } #ipopage .content-paginator .paginator-disabled { opacity: 0.5; } #ipopage .content-paginator .paginator-disabled:hover { background: inherit; color: inherit; cursor: not-allowed; } #ipopage .items-counter { text-align: right; color: #000000; } /*** Forms ************************************************************/ /*** forms - general styling */ input, select, textarea { border: 1px solid #dddddd; color: #000000; font-size: 1em; font-family: inherit; } label .meta { font-size: 0.9em; font-weight: normal; color: #777; } .form-item .form-item-field > input:not([type='submit']):focus, .form-item .form-item-field > textarea:focus, .form-item .form-item-field > select:focus { border-color: currentColor; } .form-item .form-item-field input[type="radio"] { margin: 0 0.4em 0 0; vertical-align: middle; width: auto; border: none; } .form-item .form-item-field input[type="checkbox"] { vertical-align: middle; width: auto; border: none; } .form-item .form-item-field input[type="checkbox"] + label { vertical-align: middle; } .form-item .form-item-label label { font-weight: bold; } .form-item .form-item-label label .meta { font-size: 0.9em; font-weight: normal; color: #777; } /* form - table layout */ .form-horizontal { display: table; width: 100%; border-spacing: 0 0.3em; } .form-horizontal .form-item { display: table-row; } .form-horizontal .form-item .form-item-label, .form-horizontal .form-item .form-item-field { display: table-cell; vertical-align: top; } .form-horizontal .form-item .form-item-label { padding: 0.2em; } .form-horizontal .form-item .form-item-field > * { padding: 0.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } .form-horizontal fieldset ~ .form-item { display: table; width: 100%; } .form-horizontal fieldset ~ .form-item.buttons { display: table; width: auto; margin: 0 auto; } .form-horizontal .form-item .form-item-field > input[type="submit"], .form-horizontal .form-item .form-item-field > input[type="button"] { padding: 0.3em 1em; width: auto; } /* form - below layout */ .form-vertical .form-item { margin-bottom: 0.3em; } .form-vertical .form-item .form-item-label, .form-vertical .form-item .form-item-field { margin: 0.3em 0; } .form-vertical .form-item .form-item-field > * { width: 100%; max-width: 100%; padding: 0.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-vertical .form-item .form-item-field > input[type="submit"], .form-vertical .form-item .form-item-field > input[type="button"] { padding: 0.3em 1em; display: inline-block; width: auto; } .form-vertical .buttons .form-item-field { text-align: center; } .form-horizontal .buttons .form-item-field { text-align: left; } /* form - recaptcha */ .form-horizontal .form-item .g-recaptcha > div, .form-vertical .form-item .g-recaptcha > div { padding-left: 0px; } body form .grecaptcha-badge { display: none; } input[name='antispam'] { display: none; } .form-item.approval { font-weight: bold; } .form-item.antispam-disclaimer a { font-weight: bold; } .form-item.approval label { vertical-align: middle; } .form-item.approval input { margin: 0 0.5em 0 0; vertical-align: middle; } #ipoleftblock input[name='approval'] { float: left; } /*** div.paragraph ************************************************************/ div.paragraph:after { display: block; content: ' '; height: 0; visibility: hidden; font-size: 0; clear: both; } /*** tags *********************************************************************/ .tags { margin: 0.5em 0; } .tags > a { font-weight: bold; float: left; } .tags ul { display: inline-block; padding: 0; margin: 0 0 0 .5em; } .tags li { display: inline; list-style: none; margin-right: .5em; } .tags .filtered { font-weight: bold; font-size: larger; } .tags-selection { margin: 10px 0; } .tags-selection label { font-weight: bold; font-size: larger; } .tags-selection select { min-width: 100px; min-height: 25px; padding: 0.2em; margin: 0.4em; box-sizing: border-box; } /*** Subscribe toolbar ********************************************************/ .subscribe-toolbar .fa { float: right; margin-left: 0.5em; } .subscribe-toolbar { float: right; } .with-subscribe > h1 { float: left; } .ipopagetext .subscribe-toolbar .action-button { margin-right: 0.5em; margin-top: 1em; padding: 0.3em 0.6em; float: right; } .subscribe-toolbar .action-button:first-child { margin-right: 0; } /*** Assessment ***************************************************************/ .ratings { float: left; text-decoration: none; min-height: 16px; text-align: right; cursor: default; margin-right: 2em; } .ratings .ratings-item { display: inline-block; } .ratings .ratings-item + .ratings-item { margin-left: 2em; } .ratings a { color: #555; } .ratings a:hover { color: #000 } .ratings .inactive { cursor: not-allowed; color: #d4d4d4; } .ratings .fa { font-size: 1.25em; } /*** Discussion component *****************************************************/ .comment-footer .reply { font-size: 1.1em; } .comment-name .comment-name-moderator { font-style: oblique; font-weight: bold; } .discussion-add-comment-link { float: right; } .censored { font-style: italic; } .comments { padding: 0; } .comments .comment { position: relative; list-style: none; margin: 0.2em; margin-left: 0; padding: 0.2em 0.5em 0.2em 1.5em; } .comment > .created { position: absolute; right: 0.2em; top: 0.2em; } .comments .comment.level-1 { margin-left: 2em; } .comments .comment.level-2 { margin-left: 4em; } .comments .comment.level-3 { margin-left: 6em; } .comments .comment.level-4 { margin-left: 8em; } .comments .comment.level-5 { margin-left: 10em; } /*** Gallery layouts **********************************************************/ /*** default list ***/ .albums#listPreview { padding: 0; margin: 0; } .albums#listPreview > li { list-style-type: none; margin-bottom: 2em; } .albums#listPreview h2 a { display: block; margin-bottom: 0.25em; } .albums#listPreview img.intro { float: left; margin-right: 1.5em; } .albums#listPreview div > p:first-child { margin-top: 0; } .albums#listPreview div p { text-align: justify; } .gallery .image-thumbnail img { max-width: none; } /*** list with all images ***/ .albums#listImages div.clearfix p { text-align: justify; } /*** Gallery matrix list ***/ .gallery .matrix .title { min-height: 3.5em; } /*** Gallery/Catalog matrix list **********************************************/ .matrix { padding: 0; } .matrix a { display: block; width: 100%; } .matrix div > a { margin: -2000px; padding: 2000px; } .matrix .title { margin: 0; } .matrix .title a { padding: 0.2em 0 0.8em; } .matrix li { list-style-type: none; float: left; width: 33%; margin: 0 0 0.2em; text-align: left; overflow: hidden; } .matrix li.column-1 { margin-left: 0.5%; margin-right: 0.5%; } .matrix li > div { display: block; background: #eee; min-height: 373px; text-align: center; vertical-align: top; padding: 0.2em 5px; } /*** Gallery/Catalog images component *****************************************/ .images { margin: 1em 0; } .image-wrapper { float: left; height: auto; box-shadow: 1px 1px 16px -4px #888888; position: relative; behavior: url(js/PIE.htc); background-color: transparent; } .image-wrapper .image-inner-wrapper { position: relative; } .image-wrapper .image-inner-wrapper.with-description { padding-bottom: 2em; } .image-wrapper .image-inner-wrapper .image-thumbnail { background-color: #000000; margin: 0 auto; position: relative; width: 100%; } .image-wrapper .image-inner-wrapper a.image-detail { display: inline-block; height: 100%; text-align: center; margin: 0 auto; overflow: hidden; vertical-align: middle; width: 100%; } .image-wrapper .image-inner-wrapper .image-description { padding: 0.5em 0 0 0; z-index: 3; position: absolute; bottom: 0; left: 0; min-height: 2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*** Blog *********************************************************************/ .articles { padding: 0; } .blog .articles > li h2 { color: #ff5f09; } .blog .articles > li > a p { margin-bottom: 0.2em; } .blog .articles > li > hr { margin: 0.15em 0em; } .article-footer, .comment-footer { text-align: right; } .blog.view-detail .article-footer { display: inline-block; width: 100%; } .blog.view-detail .article-footer > div { margin: 0.5em 0; display: inline-block; float: left; text-align: left; } #discussion { margin-top: 2em; } .blog.view-detail .article-footer .published, .blog.view-detail .article-footer .author { float: right; } .article-footer .published span, .article-footer .author-label { font-weight: bold; } .blog.view-detail .article-footer .author { width: 100%; } form.article table { width: 100%; } .dates > span { font-weight: bold; } .dates > div, .article-footer .author > div { display: inline-block; } /*** BLOG - listLayouts, styles for all templates *****************************/ .articles .comments-number { display: inline-block; margin-top: 1em; font-size: 0.8em; } /*** BLOG - blogSimple ********************************************************/ .simple .articles .dueDate { display: inline-block; padding-bottom: 0.5em; } /*** BLOG - twoColumnsLayout **************************************************/ .two_columns .articles { position: relative; } .two_columns .article:after { display: block; visibility: hidden; font-size: 0; content: " "; height: 0; clear: both; } .two_columns ul.tags { margin-bottom: 2em; } .two_columns h2 { margin-bottom: 0.2em; } .two_columns .article .intro-content { margin-left: 10em; text-align: justify; } .two_columns .article .author, .two_columns .article .published, .two_columns .article .dueDate { display: block; font-size: 0.9em; } .two_columns .morelink { float: right; } .two_columns .article .additional-info { float: left; width: 10em; } .calendarDate { display: block; width: 3em; border-radius: 6px; font-style: normal; font-weight: bold; text-align: center; line-height: 1.6; background-color: lightgrey; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(lightgrey)); background: -o-linear-gradient(top, white 0%, lightgrey 100%); background: linear-gradient(top, white 0%, lightgrey 100%); box-shadow: 2px 2px 4px -1px gray; font-size: 1.5em; margin-bottom: 0.8em; } .calendarDate span { display: block; border-radius: 6px 6px 2px 2px; font-size: 0.8em; padding: 0.1em; line-height: 1.2; box-shadow: 0px 3px 2px -2px gray; background-color: darkred; background-image: -webkit-gradient(linear, left top, left bottom, from(red), to(darkred)); background: -o-linear-gradient(top, red 0%, darkred 100%); background: linear-gradient(top, red 0%, darkred 100%); color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7); } .blog-news .calendarDate { font-size: 1em; float: left; margin-right: 0.5em; margin-bottom: 0; color: black; } .blog-news .calendarDate span { font-weight: normal; } /*** BLOG - Divided Background Layout *****************************************/ .divided_bg .article { position: relative; border-radius: 6px; margin-bottom: 2em; padding: 0.5em 1em 2em; background-color: #ececec; box-shadow: 1px 1px 12px -5px; behavior: url(js/PIE.htc); } .divided_bg h2 { margin-bottom: 0.25em; } .divided_bg h2 a { text-decoration: none; } .divided_bg h2 a:hover { opacity: 0.5; } .view-default.divided_bg .articles .article .articleText img { max-width: 100%; height: auto; } .divided_bg .article .dueDate { display: inline-block; padding-bottom: 0.5em; } .divided_bg .article .leftFooter { float: left; width: 50%; } .divided_bg .article .rightFooter { float: right; width: 50%; text-align: right; } .divided_bg .article .rightFooter, .divided_bg .article .leftFooter span { display: block; font-size: 0.9em; } .divided_bg .article .rightFooter .addComment { display: inline; } .divided_bg .article .cleaner { margin-bottom: 1em; } /************** Blog - column box *********************************************/ .blog-news ul li { list-style: none; } .blog-news ul.list, .blog-news ul.calendar { margin: 0; padding: 0; } .blog-news ul.list li, .blog-news ul.calendar li { margin: 0.5em 0; } .blog-news ul.list li a { color: #000000; } .blog-news ul.list li a:hover, .blog-news ul.calendar li a:hover { text-decoration: none; } .blog-news ul li .due { font-weight: bold; margin-right: 0.2em; } .blog-news ul.list li .title { font-size: 1em; font-weight: normal; } .blog-news ul.calendar li { padding: 0.3em 0; } .blog-news ul.thumbnail { padding: 0; } .blog-news ul.thumbnail li { margin-bottom: 0.2em; } .blog-news ul.thumbnail li > a { display: block; padding: .4em; color: #FFFFFF; background-color: transparent; background-image: none; font-weight: bold; } /*** Contact form *************************************************************/ .contactForm label { display: block; margin-top: 0.5em; margin-bottom: 0.2em; } .contactForm label:first-child { margin-top: 0; } .contactForm input[type=text], .contactForm textarea { width: 100%; padding: 0.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contactForm textarea { max-width: 100%; } .contactForm input[type=submit] { display: block; margin: 0.5em auto; } /*** fulltext *****************************************************************/ .fulltextSearch .form-vertical .form-item .form-item-field > input[type="submit"] { margin: 0; } #ipoheader .fulltextSearchForm .newsheader { display: none; } .fulltextSearchForm input[type=text] { display: block; padding: 2px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fulltextSearchForm input[type=submit] { display: block; margin: 0.2em 0 0.2em auto; } /*** elastic fulltext *********************************************************/ #ipoheader .elasticSearchForm .newsheader { display: none; } .elasticSearchForm .newsbody { overflow: visible; } .elasticSearchForm input[type=text] { display: block; padding: 2px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .elasticSearchForm input[type=submit] { display: block; margin: 0.2em 0 0.2em auto; } /*** TuristikaCZ, Catalog, ... ************************************************/ .order-tabs { overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; position: relative; top: 1px; } .order-tabs li { display: inline-block; margin-right: 4px; } .order-tabs a { position: relative; padding: 8px 10px; display: inline-block; text-decoration: none; border-radius: 3px; } .order-tabs a:before { display: inline-block; margin-right: 0.5em; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .order-tabs .tab-price-high-to-low a:before { content: "\f107"; } .order-tabs .tab-price-low-to-high a:before { content: "\f106"; } .order-tabs .tab-alphabetically a:before { content: "\f15d"; } .order-tabs .tab-newest a:before { content: "\f017"; } .order-tabs .tab-rating a:before { content: "\f005"; } .order-tabs .current a { font-weight: bold; pointer-events: none; } /*** Cookie confirmation ***************************************************/ .cookie-choices-info { font-size: 14px; padding: 8px; background-color: #fff; color: #333; text-align: center; border-top: 1px solid #ccc; position: fixed; left: 0; top: auto; bottom: 0; width: 100%; z-index: 150; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); box-sizing: border-box; } .cookie-choices-text { display: inline-block; vertical-align: middle; } .cookie-buttons { display: inline-block; vertical-align: middle; white-space: nowrap; margin: 0 8px; } .cookie-buttons a { display: inline-block; } .cookie-button.more { color: #333; } .cookie-button.more:hover { text-decoration: none; color: #000; } /*** Design Warning **********************************************************/ .design-warning { font-size: 14px; font-family: Verdana, sans-serif; line-height: 1.5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; position: fixed; bottom: 0; right: 0; left: 0; padding: .75em 1.25em; z-index: 150; border-top: 1px solid #f1dfa8; color: #735703; background-color: #fff3cd; } .design-warning .fa { font-size: 1.5em; margin-right: .5em; } .design-warning .action-button, .design-warning .action-button:visited { display: inline-block; font-size: 1em; padding: .25em .75em; border: 0; background: #735703; color: #fff; } .design-warning .action-button:hover{ background: #553c03; color: #fff; } /*** social media icons *******************************************************/ /*** icons view */ .social-media-buttons { min-height: 30px; } .gallery.view-detail .social-media-buttons { width: 100%; } .social-media-buttons > * { vertical-align: top; } .fb-like, .fb-like > span, .fb-like > span iframe { min-width: 160px; } #socialMediaIconsSetupHeader { text-align: right; } /*** icons setup form */ #socialMediaIconsSetupHeader .socialIconSetupLabel { min-width: 100px; display: inline-block; text-align: center; font-weight: bold; } #frm-iconsForPages-socialMediaIconsForm .system-form-item-label, #frm-iconsForPages-socialMediaIconsForm .system-form-item-field span { float: left; } #frm-iconsForPages-socialMediaIconsForm :not(.buttons) .system-form-item-field { float: right; } #frm-iconsForPages-socialMediaIconsForm .system-form-item:not(.buttons):nth-child(odd) { background-color: #ff5f09; } #frm-iconsForPages-socialMediaIconsForm .system-form-item-label { min-width: 300px; padding-left: 0.3em; } #frm-iconsForPages-socialMediaIconsForm .system-form-item-field span label { display: none; } #frm-iconsForPages-socialMediaIconsForm .system-form-item-field span input { width: 100px; } #frm-iconsForPages-socialMediaIconsForm .system-form-item:not(.buttons) { margin: 0; line-height: 1.5em; } .menu li { list-style: none; } .menu .menu-item { margin-bottom: 1em; } .menu .menu-item h3 { margin: 0 0 0.5em 0; } .menu .menu-item .meal-list { display: table; } .menu .menu-item .meal-list .meal-item { display: table-row; margin: 0.5em 0; } .menu .menu-item .meal-list .meal-item > div { display: table-cell; } .menu .menu-item .meal-list .meal-item .meal-item-title { width: 50%; } .menu .menu-item .meal-list .meal-item .meal-item-description { width: 40%; text-align: center; } .menu .menu-item .meal-list .meal-item .meal-item-cost { width: 10%; text-align: right; } /* tooltipster custom theme */ .tooltip-wrapper { display: none } .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-box { border: 1px solid #ccc; background: #ffffff; color: #333; margin-right: 1em; margin-left: 1em; text-align: left; -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); } .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-base { font-size: 13px; font-family: Verdana, sans-serif; } .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content h3 { margin: 0 0 .5em; font-family: Verdana, sans-serif; } .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content { padding: 14px 18px; } .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content, .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized .tooltipster-content a { color: #333 } /* top arrow */ .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-top .tooltipster-arrow-background { border-top-color: #fff; } .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-top .tooltipster-arrow-border { border-top-color: #ccc; } /* left arrow */ .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-left .tooltipster-arrow-background { border-left-color: #fff; } .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-left .tooltipster-arrow-border { border-left-color: #ccc; } /* right arrow */ .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-right .tooltipster-arrow-background { border-right-color: #fff; } .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-right .tooltipster-arrow-border { border-right-color: #ccc; } /* bottom arrow */ .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #fff; } .tooltipster-sidetip.tooltipster-light.tooltipster-light-customized.tooltipster-bottom .tooltipster-arrow-border { border-top-color: #ccc; } /*** LazyLoading Error *************************************************/ .error[loading] { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAQAAACQ9RH5AAAC33pUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHja7ZdRkuMoDIbfOcUeAUkIieNgA1Vzgz3+/mDa6aR7pmpn52EfYioYy+IH9AmShP73jxH+wkVFYkhqnkvOEVcqqXBFw+N1XXeKadXrknO/o2d7uF8wTDI9r8fct3+FXR8dLG378WwPtoXYt9B+8SEoc2RGY/v5FhK+7LSfQ9n9avq0nP052rbpdXt9ToZgNIWecOAuJBG1z1EEM5AiddpQw8LTImirOGoR+j524W6+BO9uvcQu1m2X51CEmLdDfonRtpN+H7sVoc8zosfITy9M7iG+xG6M5mP0a3U1ZUQqh72oj6WsFhwPhFJWt4xi+CjatkpBcSzxBLEGmgfKGagQI7KDEjWqNKiv+0knppi4s+HOfLIsm4tx4XNBSbPQYAOeFsCC5QQ1gZnvudAat6zxTnKM3AieTBAj9PhSwnfG3ym30BgzdYmi37HCvHjmNKYxyc0aXgBCY8dUV3xXCZ/yJn4CKyCoK8yOBdZ4XBKH0iO3ZHEW+GlMIV5bg6xtAYQIYysmQwICMZMoZYrGbESIo4NPxcxZEh8gQKrcKAywEcmA4zzHRh+j5cvKlxlHC0CoZDGgwQYCrJQU+WPJkUNVRVNQ1aymrkVrlpyy5pwtzzOqmlgytWxmbsWqiydXz27uXrwWLoIjTEsuFoqXUmrFoBXSFb0rPGo9+JAjHXrkww4/ylFPpM+ZTj3zaaef5ayNmzRs/5abheattNqpI5V66tpzt+699DqQa0NGGjrysOGjjHpT21SfqdELuV9To01tEkvLzx7UYDb7kKB5nOhkBmKcCMRtEkBC82QWnVLiSW4yi4WxKZRBjXTCaTSJgWDqxDroZvcg90tuQdO/4sY/Ixcmuj9BLkx0m9xXbt9Qa3V9o8gCNHfhjGmUgYMNDt0re53fSb99D/9V4C30FnoLvYXeQm+ht9D/R2jgxwP+aoZ/APWmke/mAiJwAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4woCCzoqTvrr6AAAA4ZJREFUWIXt2F1vFVUUxvHfTE/bU5tqLC0UimJbG6FFhUhVwFBEUYiJRG+89Ev4bbzRL4AxxvBiEJAUUJAXkULAilVoWimkEqCHvpzxgklT8MzpTBijCX3malZW1n/Wnr3XWtksalH/koIEe7339ChkjFZ2wj7lNK41CfZ+rwozYgm0azQkWtg1KaeV+NWpTNiXdQtswJ6Fs04CB7jp50zgdt0igb406OzLWV1jLqDPzoUi5w2esdtgGnTeYKZ9YRAbqqOzHpi0aHqqb7O8waEGEfao11UNnSf4Lyz3SfwWILDBHYcqf2F+OuOqQE38hDF+VWXnPDMu+Uy74jxLn+eTnPP9xzOGH3jvTnbN/zil1H8GTrvUSV2skmbzA3f5UF1K7JTdhvICt2pMiaVWa37gkyYyZPxLGrd04BkXU2JTa/E4JSlInEcfVpRm1EsLXmWX2pTgaV8+VDgfAdyuOSX2vndu4JPuZsh4MI1bOvCUMymxqfX4HafHD5y0uSKs0OzmPFuoS7daV50zNc9e50UrTbts6IFRttmKOFIFJdWjfm/iniOOmwEtduiK/W/Y57IIgW7vWhJ/7JB9rscJvWaLehx0OAs41GerBozab9x6m9WJXDfpGaHIoEPo1ytQ9ocGrQJTBpzWYrvlmHTYD5UH+moV+Cnv6BGIRELcddApZc/aqQ1l9/fIqL2GhdbZphFlgUDkgv0mkoJXL/2Bbtu1CMw474Bbsb3gdZs8gUkDvjcd25u8rVdB5IZvXKrWLpLBRZRQo03RuFsi1AuVRChqw6gSAkVl9+J1alEyanZejAzgF3wgcNTRuWxYZpvn1LjuOxfnsgmstkWrWb/51ticd61NNonsdqkSIGls3Wmpgg6r3TSBOlu9b6mCUJNebUZM4mm79GsSKmixTp0RswKdPrJWQUHRuSwZf6zDpHqhsgv+9JIluO2IOzZqR8lprFfENcc0ekMTbvjJUmuEyu5pcMXnWcE/GrRDa2wpO+uA26jRp19DbC857IQZNHrLurlaOG6vNV5JAldri5Ehn+rTq8GYY36P/+us4y7arANXDMwdmTu+ctZGy0w674Qpq5ODL9SPpww4KvhHEZjwtcDDBTEybFiYZu5KMwgkhUkKnupK8fFri//Lftxs7SNGb5a4E5LAV3Xq1PmI4PuRKiqpZI540pJM9wCVNO28A+luCBa1qNz0N0yQ9ML5hZVCAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: 50% 50%; display: inherit; } /*** Statistics ********************************************************/ #ipostatistics { height: 0; } /*** CSS grid ***************************************************************/ /** * Zachovávat stejný obsah jako v app/presentation/Tiny/templates/css.latte */ .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .col-1, .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-6, .col-5-6, .col-1-12, .col-2-12, .col-3-12, .col-4-12, .col-5-12, .col-6-12, .col-7-12, .col-8-12, .col-9-12, .col-10-12, .col-11-12, .col-12-12 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-6, .col-5-6, .col-1-12, .col-2-12, .col-3-12, .col-4-12, .col-5-12, .col-6-12, .col-7-12, .col-8-12, .col-9-12, .col-10-12, .col-11-12, .col-12-12 { padding: 0 5px; float: left; } .col-1-12 { width: 8.3333%; *width: 8.3023%; } .col-1-6, .col-2-12 { width: 16.6667%; *width: 16.6357%; } .col-1-4, .col-3-12 { width: 25%; *width: 24.9690%; } .col-1-3, .col-4-12 { width: 33.3333%; *width: 33.3023%; } .col-5-12 { width: 41.6667%; *width: 41.6357%; } .col-1-2, .col-6-12 { width: 50%; *width: 49.9690%; } .col-7-12 { width: 58.3333%; *width: 58.3023%; } .col-2-3, .col-8-12 { width: 66.6667%; *width: 66.6357%; } .col-3-4, .col-9-12 { width: 75%; *width: 74.9690%; } .col-5-6, .col-10-12 { width: 83.3333%; *width: 83.3023%; } .col-11-12 { width: 91.6667%; *width: 91.6357%; } .row, .col-1, .col-1-1, .col-12-12 { width: 100%; } /*** responsive ***************************************************************/ @-ms-viewport { width: device-width } #ipocontainer, #ipotopmenuwrapper, #ipomain, #ipomainframe, #ipopage, .ipopagetext { width: 100% } #ipoheader, #ipotopmenu, #ipomain > div, #ipofooter, .content { max-width: 1024px; margin: 0 auto; } .menu-toggler { position: absolute; top: 0; right: 0; padding: 1em; color: #fff; display: none; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: .4em 1em; } .menu-toggler span { padding-left: 1em; line-height: 1; } .menu-toggler:hover { cursor: pointer; } .menu-toggler:hover span { color: #76B0E3; } .menu-toggler span { padding-left: 1em; line-height: 1; } #back-to-top { display: none; } @media only screen and (max-width: 1024px) { html, body { min-width: 100%; } .menu-toggler { display: block; z-index: 101; } #ipopage { padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #ipocontainer, #ipoheader, #ipotopmenu, #ipomain, #ipomainframe, #ipopage, #ipoleftblock, #iporightblock, #ipoleftblockin, #iporightblockin, #ipofooter, .content{ width: 100%; } #ipopage, #iporightblock, #ipoleftblock, .ipopagetext { min-height: initial; } #ipotopmenuwrapper { display: none; width: 100%; position: absolute; padding-top: 50px; top: 0; left: 0; z-index: 100; } #ipotopmenu * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #ipotopmenu { border-radius: 0; } #ipotopmenu > ul { padding-left: 0; } #ipotopmenu ul.topmenulevel1 > li, #ipotopmenu ul.topmenulevel1 li.noborder { border: 0 none; } #ipotopmenu ul li, #ipotopmenu ul.topmenulevel1 li.topmenuitem1 a, #ipotopmenu ul.topmenulevel2 li.topmenuitem2 a, #ipotopmenu ul.topmenulevel3 li.topmenuitem3 a { width: 100%; text-align: center; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2, #ipotopmenu ul.topmenulevel2 li.topmenuitem2 ul.topmenulevel3, #ipotopmenu ul.topmenulevel3 li.topmenuitem3 ul.topmenulevel4 { visibility: visible; display: none; width: 100%; } #ipomenu li { text-align: center; } #ipomenu ul li.submenu1 > ul { background-color: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: none; margin: 0 auto 20px; padding: 6px 0; position: static; visibility: visible; width: 90%; } #ipomenu ul li.submenu1 ul li,#ipomenu ul li.submenu1 ul li a { background: transparent; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: none; width: 100%; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 { background-color: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: none; margin: 0 auto 20px; padding: 6px 0; position: static; visibility: visible; width: 90%; border: none; } #ipotopmenu ul.topmenulevel2 li.topmenuitem2 { margin: 0; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1,#ipotopmenu ul.topmenulevel1 li.noborder { height: initial !important; line-height: initial; } #ipomenu ul li.submenu2 ul { display: none; } #ipocontainer { padding-bottom: 0; } #ipocopyright { position: static; height: auto; padding: 0; width: 100%; display: inline-block; } .copyright { position: static; top: 0; height: auto; } .col-1, .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-6, .col-5-6, .col-1-12, .col-2-12, .col-3-12, .col-4-12, .col-5-12, .col-6-12, .col-7-12, .col-8-12, .col-9-12, .col-10-12, .col-11-12, .col-12-12 { float: none; width: 100%; padding: 0; } #back-to-top { color: #FFF; border: 0 none; height: 40px; bottom: 45px; font-size: 1.75em; padding: 1px 15px; vertical-align: middle; line-height: 38px; position: fixed; right: 10px; background: #555; cursor: pointer; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; z-index: 100; -webkit-animation: fadeInUp 1s both; animation: fadeInUp 1s both; } #ipopage, #ipoleftblock, #iporightblock { margin: 0; } #ipomenu ul, #ipomenu ul li { width: 100%; } #ipoleftblockin .ipolefttext, #iporightblockin .iporighttext { float: left; width: 100%; } #ipoleftblockin .ipolefttext > div, #iporightblockin .iporighttext > div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 1%; } img { max-width: 100%; height: auto; display: inline-block; } .rwd-table { overflow-x: auto; } .rwd-table table { width: 100% !important; } .gallery .images { text-align: center; } .gallery .image-wrapper { display: inline-block; float: none; } .catalog.view-itemDetail .images img { max-width: inherit; } .cookie-buttons { display: block; margin-top: 8px; } iframe { width: 100%; } } @media only screen and (max-width: 700px){ .catalog .orderWizard-navigation a, .catalog .orderWizard-navigation span { width: 100%; } .catalog .orderWizard-navigation :nth-last-child(n+2) { /*odstranění borderdu v navigaci*/ border: none; } .eshop-basketOverview { display: block; } .catalog.view-basket .eshop-basketOverview-Header { /*skrytí hlavičky v košíku*/ display: none; } .catalog.view-basket .eshop-basketOverview-row { display: block; float: left; padding: 10px 0 10px; width: 100%; } .total-prices > div:first-child > div { /*skrytí vodorovných linek*/ border: none; } .eshop-paymentDelivery-row .eshop-basketOverview-cell:first-child { text-align: left; display: inline-block; width: 100%; } .eshop-basketOverview-cell.eshop-basketOverview-itemName { padding-right: 0; overflow: initial; max-width: 32em; } .eshop-basketOverview-cell.recalculate { /*tlačítko pro přepočítání*/ display: block; width: 130px; float: left; } .eshop-basketOverview-cell.totalPrice, .eshop-basketOverview-cell.forPiece, .eshop-basketOverview-cell.removeItem { /*cena za kus a celková částka*/ display: block; } .eshop-basketOverview-cell.eshop-totalPriceLabel { /*celková cena*/ display: inline-block; text-align: left; width: 33%; padding: 0; } .eshop-basketOverview-cell.eshop-totalPriceValue { display: inline-block; width: 66%; padding: 0; } .catalog.view-basket div.buttons {/*mezera před buttony*/ margin: 0; } .eshop-basket #czech-post-zipcode { width: 100%; } #frm-orderWizard-deliveryDataForm .form-item .form-item-label, #frm-orderWizard-deliveryDataForm .form-item .form-item-field { /*kontaktní fomrulář*/ width: 100%; padding: 0; display: block; } .eshop-basketOverview-cell.countItem { /*zarovnání počtu objednáných položek*/ float: left; } .total-prices { display: block; width: 100%; } .eshop-basketOverview-cell { padding: 0; } #frmapplyForm-code-pair { display: block; width: 100%; } } @media only screen and (max-width: 600px) { .catalog .default-image { width: 100%; float: none; margin: 0; } .catalog .catalog-item .attributes { float: none; width: 100%; box-sizing: border-box; margin: 10px 0; padding: 0; } .catalog.view-itemDetail .eshop-priceAndBasketAdd, .catalog.view-itemDetail .eshop-stockInfo { width: 100%; float: none; } .catalog .default-image .thumbnail { text-align: center; } } @media only screen and (max-width: 505px) { .linkprev, .linkback, .linknext { width: 100%; margin: 1% 0; } .cookie-choices-info { font-size: 13px; padding: 6px; } .content-paginator .paginator-button-text { display:none; } } @media only screen and (max-width: 400px) { .matrix li > div { min-height: 0; } .items.matrix .cleaner + li + li, .items.matrix > li:first-child + li { margin-left: 0; margin-right: 0; } .catalog .categories .category-image { width: 100%; margin-left: 0; float: none; }.catalog .categories .category { width: 100%; float: none; } .catalog .categories .category-image img { margin: 0; } .form-horizontal .form-item .form-item-label, .form-horizontal .form-item .form-item-field { display: block; width: 100%; } .form-horizontal .form-item .form-item-field > * { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } form .form-horizontal .form-item .g-recaptcha { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .form-horizontal .form-item.recaptcha { display: block; width: 245px; } .matrix li { width: 100%; } .eshop-basketOverview-cell.eshop-totalPriceValue { display: inline-block; width: 65%; padding: 0; } .eshop-basketOverview-cell.eshop-basketOverview-itemName { width: 100%; float: left; overflow: hidden; padding-right: 0; } .cookie-choices-info { font-size: 12px; } } @media only screen and (max-width:340px){ .action-button.btn-submit.backToCatalog {/*tlačíko pro posun v objednávce*/ padding: 5px 5px; } .action-button.btn-submit.nextStep { padding: 5px 5px; } } /*** Coolurl ******************************************************************/ /*** timepicker ***************************************************************/ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; } .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; } .view-personalDataProcessing { max-width: 1024px; width: 100%; margin-left: auto; margin-right: auto; } /*** custom styles ************************************************************/ body { font-size: 18px; line-height: 1.35; background: url("image.php?nid=17446&oid=6722971") scroll no-repeat 50% 0 #ececec; } body#page6593579 { background: url("image.php?nid=17446&oid=6722972") scroll no-repeat 50% 0 #ececec; } h1, h2 { font-family: 'Raleway', sans-serif; } html, body, h3, h4, p { font-family: 'Source Sans Pro', sans-serif; } #ipoheader, #ipotopmenu, #ipomain > div, #ipofooter, .content, .form-vertical { max-width: 1200px; margin: 0 auto; } #page6593579 #ipomain > div, #page6593579 .content, #page7097115 #ipomain > div, #page7097115 .content { max-width: 95%; width: 95%; } #page7097115 h1 { max-width: 1200px; margin: 1em auto 0; } .block, #page7097115 .view-personalDataProcessing { display: block; max-width: 1200px; margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4, .col-1-6, .col-5-6, .col-1-12, .col-2-12, .col-3-12, .col-4-12, .col-5-12, .col-6-12, .col-7-12, .col-8-12, .col-9-12, .col-10-12, .col-11-12, .col-12-12 { padding: 0; } .ipopagetext { padding: 0 0 2em; } #page6593579 .ipopagetext { padding: 0; } #ipoheader { min-height: 226px; } .header-logo { display: inline-block; padding: 20px 0; } .header-kontakt { display: inline-block; float: right; margin: 14px 0; } .header-kontakt span { font-weight: 400; display: inline-block; color: #fff; } #ipoheader .header-kontakt a, #ipoheader .header-kontakt a:visited, #ipoheader .header-kontakt a:hover { color: #fff; } #ipoheader .header-kontakt a:hover { text-decoration: underline; } .header-kontakt span:before { content: " "; display: inline-block; width: 24px; height: 24px; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; position: relative; top: 7px; margin: 2px 7px 2px 30px; } .header-kontakt span.adresa:before { background-image: url("image.php?nid=17446&oid=6722974"); } .header-kontakt span.telefon:before { background-image: url("image.php?nid=17446&oid=6722975"); } .header-kontakt span.mail:before { background-image: url("image.php?nid=17446&oid=6722976"); } .langs { display: inline-block; margin: 0 0 0 30px; } #ipoheader .langs a { padding: 8px; } #ipoheader .langs a:hover { opacity: .7; } .action-button, .action-button:visited { padding: 0.55em 1.2em; font-size: 1em; border-radius: 0; display: inline-block; margin: 1em 0; } .login { display: inline-block; margin-left: 20px; } .login .action-button { padding-left: 40px; background: url("image.php?nid=17446&oid=6722977") scroll no-repeat 10px 8px transparent; border: 1px solid #54c7ff; margin: 0; } #ipoheader .login .action-button:hover { background: url("image.php?nid=17446&oid=6722981") scroll no-repeat 11px 9px #ff5f09; border-color: #ff5f09; text-decoration: none; } .nazev { width: 87%; text-align: center; font-size: 1.3em; line-height: 1.1; position: absolute; top: 85px; color: #fff; } .nazev span { font-size: 1.5em; text-transform: uppercase; font-weight: 900; font-family: 'Raleway', sans-serif; color: #50bef4; display: block; } /*fulltext*/ .elasticSearchForm { display: inline-block; width: 260px; background: #eee; border-radius: 0; border: none; overflow: hidden; position: absolute; top: 80px; right: 0; } .elasticSearchForm:hover { background: #fff; } .elasticSearchForm form { width: 100%; } .elasticSearchForm .newsheader { display: none; } .elasticSearchForm .newsbody { background: none repeat scroll 0 0 transparent; padding: 0; float: left; border-radius: 0px; width: 100%; height: 46px; } .elasticSearchForm input { height: 46px; border: 0 none; background-color: transparent; color: #000; } .elasticSearchForm input[type="text"] { padding: 15px 0px 15px 15px; width: 200px; border-radius: 0; float: left; font-size: .9em; } .elasticSearchForm input.action-button { border: medium none; box-shadow: none; cursor: pointer; height: 46px; margin: 0; width: 46px; border-radius: 0; float: right; background: url("image.php?nid=17446&oid=6722978") no-repeat scroll center center #36a2d7; text-indent: -2000em; } .elasticSearchForm .action-button:hover { background-color: #ff5f09; } /*topmenu*/ #ipotopmenuwrapper { position: absolute; top: 153px; border-bottom: 3px solid #fff; } #page6593579 #ipotopmenuwrapper { border-bottom: none; } #ipotopmenu { background: url("image.php?nid=17446&oid=6723538") scroll repeat-x 0 bottom transparent; margin-bottom: -3px; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1 { height: 70px !important; line-height: 70px; border-left: none; border-bottom: 3px solid #fff; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1 a { font-size: 1.15em; padding: 0 10px; } #ipotopmenu ul.topmenulevel1 > li.active > a { color: #50bef4; border-bottom: 3px solid #50bef4; } #ipotopmenu ul.topmenulevel1 li#ipomenu6646706 ul.topmenulevel2 { left: -12px; } #ipotopmenu ul.topmenulevel1 li#ipomenu7097115 ul.topmenulevel2 { left: -99px; } #ipotopmenu ul.topmenulevel2 { top: 70px; width: 200px; } #ipotopmenu ul.topmenulevel2 li.topmenuitem2 a { font-weight: 400; color: #000; padding: 10px; font-size: 1em; } #ipotopmenu ul.topmenulevel2 > li.active > a { color: #000; font-weight: 700; background: #ceefff; } #ipotopmenu ul.topmenulevel1 li#ipomenu6646706 ul.topmenulevel3, #ipotopmenu ul.topmenulevel1 li#ipomenu6646706 ul.topmenulevel4 { left: -190px; } /*navigation*/ #iponavigation { background: #50bef4; } #iponavigation p { width: 1200px; margin: 0 auto; padding: 20px 0; color: #fff; text-shadow: 2px 2px 10px #0092d9; } .currentPage { font-weight: 700; } #iponavigation a, #iponavigation a:hover, #iponavigation a:visited { color: #fff; } .separator { margin: 0 10px; } /*rozcestnik*/ .rozcestnik { text-align: center; position: relative; z-index: 10; } .col-1-5 { width: 20%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #efefef; border-top: 1px solid #efefef; float: left; height: 200px; overflow: hidden; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .col-1-5:first-child { border-left: none; } .col-1-5 a { display: block; padding: 110px 36px 32px; font-weight: 700; font-size: 1.2em; text-decoration: none; color: #fff; } .col-1-5:hover { margin-top: -10px; background-color: #000; } .ipopagetext .col-1-5 a:visited { color: #fff; } .ipopagetext .col-1-5 a:hover { color: #ff5f09; } .supl { background: url("/image.php?nid=17446&oid=6722984") scroll no-repeat 50% 30px #29343a; } .akce { background: url("/image.php?nid=17446&oid=6722985") scroll no-repeat 50% 32px #29343a; } .prospech { background: url("/image.php?nid=17446&oid=6722986") scroll no-repeat 50% 36px #29343a; } .organizace { background: url("/image.php?nid=17446&oid=6722987") scroll no-repeat 50% 36px #29343a; } .fyzio { background: url("/image.php?nid=17446&oid=6722988") scroll no-repeat 50% 34px #29343a; } /*owl*/ .animace { position: relative; } .owl-carousel { margin-top: 0; } .slideshow-intro .owl-controls { position: relative; z-index: 50; margin: -40px 0 0px; } .slideshow-intro.owl-carousel .owl-item { max-width: 100%; } .slideshow-intro.owl-carousel .owl-item img { max-width: 2000px; margin: 0 auto; -webkit-transition: transform 10s linear 0s; transition: transform 10s linear 0s; transform-style: inherit; } .slideshow-intro .owl-dots { width: 100%; margin: 0 auto; text-align: center; } .slideshow-intro .owl-dot { height: 10px; width: 10px; border-radius: 10px; background: transparent; border: 2px solid #fff; display: inline-block; margin: 10px; } .slideshow-intro .owl-dot:hover { background: #fff; } .slideshow-intro .owl-dots .owl-dot.active { background: #ff5f09; border: 2px solid #ff5f09; } .animated { -webkit-animation-duration : 1000 ms ; animation-duration : 1000 ms ; -webkit-animation-fill-mode : both ; animation-fill-mode : both ; } .owl-animated-out { z-index : 1 } .owl-animated-in { z-index : 0 } .fadeOut { -webkit-animation-name : fadeOut ; animation-name : fadeOut ; } form#frm-form { background-color:white; } @-webkit-keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } @keyframes fadeOut { 0% { opacity : 1 ; } 100% { opacity : 0 ; } } /*widgety*/ .widgety { padding: 1em 0 2em; } .widgety h2 { display: inline-block; padding: 15px 17px; color: #fff; font-size: 1.3em; text-transform: uppercase; letter-spacing: 0px; position: relative; margin: 30px 0 0; } .widgety h2:after { display: block; content: " "; width: 0; height: 0; border-style: solid; border-width: 60px 20px 0 0; position: absolute; top: 0; right: -20px; } .aktuality h2 { background: #ff5f09; } .aktuality h2:after { border-color: #ff5f09 transparent transparent transparent; } .sport h2 { background: #50bef4; } .sport h2:after { border-color: #50bef4 transparent transparent transparent; } .widgety h3, .widgety p { margin: .3em 0; } .widget-item { margin: .75em 0 0; } .ipopagetext a.vice { font-weight: 700; color: #ff5f09; } .vice:after { content: " "; width: 32px; height: 32px; background: url("image.php?nid=17446&oid=6722979") scroll no-repeat 50% 50% #ff5f09; display: inline-block; margin: 0px 15px; position: relative; top: 8px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .vice:hover:after { background-color: #141414; margin-left: 20px; } .aktuality { padding-right: 20px; } .sport { padding-left: 20px; } /*uvod*/ .uvod { background: #fff; padding: 1em 0; } .slovem { width: 600px; } .obrazem img { position: absolute; z-index: 10; width: 510px; height: auto; margin-top: -45px; margin-left: 80px; } .uvod .action-button, .uvod .action-button:visited { background: transparent; margin: 0; border: 2px solid; color: #004c99; font-weight: 700; } .uvod .action-button:hover { background-color: #ff5f09; color: #fff; border: 2px solid; } /*footer*/ #ipofooter { min-height: 0; } #ipocopyright { padding: 30px 0px 10px 0px; background: url("image.php?nid=17446&oid=6722973") scroll repeat-x 0 100px #171717; color: #ddd; text-align: left; } .copyright { padding: 0; font-size: 1em; width: 1200px; margin: 0 auto; } #ipocopyright a, #ipocopyright a:hover, #ipocopyright a:visited { color: #ddd; } #ipocopyright h3 { font-size: 1.5em; font-weight: 400; color: #ffffff; margin: 0 0 1.5em; } .footer-logo { width: 80px; position: relative; top: 10px; margin-right: 15px; } .copyright p { margin: .7em 0; } .copyright strong { width: 80px; display: inline-block; } #ipocopyright .action-button, #ipocopyright .action-button:visited { background: transparent; margin: 0; width: 80px; } #ipocopyright .action-button:hover { background-color: #ff5f09; } #ipocopyright .login { padding-left: 50px; background: url("image.php?nid=17446&oid=6722981") scroll no-repeat 10px 50% transparent; } #ipocopyright .znamky { padding-left: 50px; background: url("image.php?nid=17446&oid=6722980") scroll no-repeat 10px 50% transparent; } .antee { margin: 1em 0 0; border-top: 1px solid #888; color: #888; text-align: center; } #ipocopyright .antee a, #ipocopyright .antee a:hover, #ipocopyright .antee a:visited { color: #888; } .formular { background: #fff; margin: 2em 0 0; padding: 1em 0; position:relative; top: 10px; } .formular h2 { width: 1200px; margin: .7em auto; } /*formuláře*/ input, select, textarea { border-bottom: 1px solid #a7a7a7; background-color: #eee; color: #000; } .form-vertical .form-item .form-item-field > * { padding: 0.5em; } .form-vertical .form-item .form-item-field > select { background-color: #fff; color: #000; } .form-vertical .form-item .form-item-field > input:focus, .form-vertical .form-item .form-item-field > textarea:focus { border: 1px solid #888; background: #f1f1f1; } .form-vertical .form-item .form-item-field > textarea { height: 8em; } .form-vertical .form-item .form-item-field > input[type="submit"] { padding: 0.7em 1.2em; } .form-vertical .form-item .form-item-label label .meta { color: #ff5f09; } .kontakt-list p { margin: .5em 0; } .kontakt-list p span { display: inline-block; min-width: 180px; font-weight: 700; } .kontakty { margin: 2em 0; } .ipopagetext .kontakty td, .ipopagetext .kontakty th { padding: 0.5em 0; border-bottom: 1px solid #999; width: 50%; } .mapa { border: 2px solid #fff; } .mapa iframe { width: 100%; height: 352px; } #page7097115 .block { padding: 0; } .seznam-ikona { list-style: none; padding-left: 0; } .seznam-ikona > li { margin-bottom: 0.5em; font-size: 1em; position: relative; padding-left: 2em; } .seznam-ikona > li:nth-child(even) { background: url("image.php?nid=17446&oid=6733669") left 7px no-repeat; } .seznam-ikona > li:nth-child(odd) { background: url("image.php?nid=17446&oid=6733670") left 7px no-repeat; } .divided_bg .article { background-color: #ffffff; } .tags .filtered { line-height: 1; } .tags { margin-bottom: 2em; } /*gallery*/ .matrix { padding: 0; margin: 0 0 7px; } .matrix li { width: 33.333%; margin: 0 0 7px; text-align: left; } .matrix li > div { min-height: 250px; height: 250px; text-align: left; padding: 1px; position: relative; } .gallery .matrix .title { position: absolute; bottom: 0; width: 100%; color: #fff; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); } .matrix .title a { padding: .7em 1.7em .7em .7em; box-sizing: border-box; text-decoration: none; } .matrix a img { width: auto; height: auto; min-width: 400px; min-height: 250px; } .matrix li > div:hover .title { font-size: 1.5em; } .image-wrapper { background-color: white; } a.backlink, a.backlink:visited { padding: 0.55em 1.2em; font-size: 1em; border-radius: 0; display: inline-block; color: #fff; background: #ff5f09; text-decoration: none; margin: 1em; } a.backlink:hover { color: #fff; background: #111; } .popup-widget .widget-item { text-align: center; } .popup-widget .widget-item span { display: block; } @media only screen and (max-width: 1260px) { body#page6593579 { background-position: 40% 0; } #ipoheader, #ipotopmenu, #ipomain > div, #ipofooter, .content, .form-vertical, .formular h2, .copyright, #iponavigation p, .block, #page7097115 .view-personalDataProcessing { max-width: 1024px; width: 1024px; margin: 0 auto; } .slovem { width: 450px; } .obrazem img { width: 560px; margin-top: -38px; margin-left: 0; } #page7097115 h1 { width: 1024px; margin: .7em auto; } #ipotopmenu { margin-bottom: -3px; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1 a { font-size: 1em; padding: 0 10px; letter-spacing: -.25px; } #ipotopmenu ul.topmenulevel2 li.topmenuitem2 a { padding: 8px; } #ipotopmenu ul.topmenulevel1 li#ipomenu6646706 ul.topmenulevel2 { left: -40px; } #ipotopmenu ul.topmenulevel1 li#ipomenu7097115 ul.topmenulevel2 { left: -115px; } .header-kontakt span { letter-spacing: -.5px; } .header-kontakt span:before { margin: 0px 7px 0px 11px; } #ipoheader .langs a { padding: 8px 5px; } .col-1-5 a { padding: 110px 20px 32px; } .nazev { width: 87%; } .formular { padding: 1em 1.5em; } } @media only screen and (max-width: 1024px) { #ipoheader, #ipotopmenu, #ipomain > div, #ipofooter, .content, .form-vertical, .formular h2, .copyright, #iponavigation p, .block, #page7097115 h1, #page7097115 .view-personalDataProcessing { max-width: 100%; width: 100%; margin: 0 auto; } #iponavigation p { padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #back-to-top { background: #ff5f09; } body { background: url("/image.php?nid=17446&oid=6734006") scroll no-repeat 40% 0 #efefef; } body#page6593579 { background: url("image.php?nid=17446&oid=6725439") scroll no-repeat 40% 0 #efefef; } .nazev { width: 100%; } .nazev span { font-size: 1.15em; } .elasticSearchForm { display: none; } .langs { display: none; } .adresa { width: 120px; text-indent: -43px; } .header-kontakt span.adresa { position: absolute; top: 5px; right: 330px; } .header-kontakt span.adresa:before { top: 19px; } .header-kontakt span.telefon { position: absolute; top: 5px; right: 208px; } .header-kontakt span.mail { position: absolute; top: 29px; right: 160px; } .header-kontakt { margin: 10px 200px 10px 10px; } .header-kontakt .login { margin-left: 0; position: absolute; top: 80px; right: 20px; } #ipoheader { min-height: 166px; } .menu-toggler { background: #ff5f09; margin: 0; } .menu-toggler span { padding-right: 0.5em; padding-left: 0.5em; padding-top: .2em; } .menu-toggler span:first-child { font-weight: 700; font-size: 1.2em; } .menu-toggler:hover { background: #36a2d7; } .menu-toggler:hover span { color: #fff; } #ipotopmenuwrapper { top: 0; background: #29343a; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1 { height: inherit !important; border-bottom: none; line-height: 50px; } #ipotopmenu ul.topmenulevel1 li.topmenuitem1 ul.topmenulevel2 { margin: 0 auto; } #ipotopmenu ul.topmenulevel1 > li.active > a, #ipotopmenu ul.topmenulevel2 > li.active > a { color: #ffffff; background: #36a2d7; } .rozcestnik > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rozcestnik .col-1-5 { width: 33.33%; } .col-1-5:hover { margin-top: 0; } .widgety h2 { margin: 0; } .sport { padding-left: 0; } .aktuality { padding-right: 0px; margin-bottom: 2em; } .slovem { width: 100%; } .obrazem img { position: inherit; width: 100%; margin: 0 auto; } #page6593579 #ipopage { padding: 0; } .block { padding: 1em; } #ipocopyright { padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .paticka > div { width: 50%; float: left; } .popup-widget { display: none !important; } } @media only screen and (max-width: 740px) { .header-kontakt .adresa, .nazev, .animace { display: none; } .header-logo { width: 120px; padding: 25px 15px; } .menu-toggler { top: 126px; left: 1em; right: 1em; padding: .7em; } .header-kontakt span.telefon { right: 200px; top: 80px; } .header-kontakt span.mail { right: 20px; top: 80px; } .header-kontakt .login { top: 22px; right: 18px; } #ipotopmenuwrapper { top: 125px; } .rozcestnik .col-1-5 { width: 50%; } .col-1-5 a { padding: 100px 0 10px; } .col-1-5 { height: 150px; } .supl, .akce, .prospech, .organizace, .fyzio { background-position: 50% 25px; } .matrix li { width: 50%; } .matrix li.column-1 { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 600px) { .paticka > div { width: 100%; float: none; } #ipocopyright h3 { display: none; } #ipocopyright { background-position: 0 10px; } .header-logo { width: 100px; } .rozcestnik .col-1-5 { width: 100%; } .col-1-5 a { padding: 15px 0 15px; width: 100%; } .col-1-5, .col-1-5:first-child { height: auto; border: 1px solid #ececec; margin-top: -1px; } .supl, .akce, .prospech, .organizace, .fyzio { background-image: none; } .widgety h2:after { display: none; } .formular { padding: 1em; } } @media only screen and (max-width: 500px) { .matrix li { width: 100%; } .matrix a img { width: 100%; height: 100%; } .header-kontakt span.telefon, .header-kontakt span.mail { font-size: .9em; top: 85px; } .header-kontakt span.telefon { right: 180px; } } /*** print styles *************************************************************/ @media print { #ipocontainer, #ipomain, #ipomainframe, #ipofooter { width: 1024px; } html, body, #ipocontainer, #ipomain { background: transparent; } #ipoleftblock, #iporightblock, #ipoheader, #ipofooter, #ipotopmenuwrapper { display: none; } #ipopage { display: inline; margin-left: 0px; } #ipocopyright { padding: 10px 0px 0px 0px; margin-bottom: 10px; } .noprint { display: none; } .printonly { display: block; } }